<template>
	<div class="content-list">
		<ul class="section-content">
			<li class="content-item" v-for="(item,index) in contentList" :key="index"> 
			 <div class="kuo" >
				      
					 <img class="item-img" :src="attachImageUrl(item.avater)">
				<div class="mask">
					<div class="icon">
					<i class="el-icon-loading" style="font-size: 40px"></i>
					</div>
				</div>
				
			 </div>
			  <p class="item-name">{{item.nickname||item.title}}</p>
			</li>
			
		</ul>
		
	</div>
</template>

<script>
	import {mixin} from '../../mixins/index.js'
	export default {
		name:'content-list',
		mixins:[mixin],
		props:['contentList']
	}
</script>

<style lang="scss"  scoped >
	 @import '../../assets/css/content-list.scss';
	 
</style>
